<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>My Story Page!</title>
	<link rel="stylesheet" href="bootstrap.css" type="text/css" media="screen" title="no title" charset="utf-8" />
	<script src="jquery.min.js" type="text/javascript"></script>
        <script src="bootstrap-modal.js" type="text/javascript"></script>
        <script src="bootstrap-transition.js" type="text/javascript"></script>
        <script src="bootstrap-collapse.js" type="text/javascript"></script>	
</head>
    <header class="navbar navbar-fixed-top" style="height: 60px;">
        <div class="navbar-inner">
        <div class="container" style="height: 60px;">
          <a href="#" id="logo" ><h1 class = "pull-left" style = "padding-top:15px;">MeNiS</h1></a>
          <nav>
            <ul class="nav pull-right">
              <li><a href="#">Home</a></li>
              <li><a href="#">Statistics</a></li>
            </ul>
          </nav>
        </div>
      </div>
    </header>
<body style="padding-top:63px;">
    	<div class="accordion" id="accordion2">
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                  Content
                </a>
              </div>
              <div id="collapseOne" class="accordion-body collapse in">
                <div class="accordion-inner">
                  Yo7ka anna kan ya makan kan fe bent esmaha tererem de7ketha mesh tabe3eya kol amma 3eeni teshofha 2albi byb2a f reglaya w el
                  7alazona yamma el 7alazona domeeni yamma ya 7alazona! wel 7alazoona 2ablet 7alazoon w betengana fel telefezioon! laken ezay
                  ebn el 7alazoona nessi yeegi fel 5ala3oosh!
                </div>
              </div>
            </div>
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                  Statistics
                </a>
              </div>
              <div id="collapseTwo" class="accordion-body collapse">
                <div class="accordion-inner">
                  Shares = 1 <br>
                  Ups = 3    <br>		
                  Downs = 1
                </div>
              </div>
            </div>
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                  Comments
                </a>
              </div>
              <div id="collapseThree" class="accordion-body collapse">
                <div class="accordion-inner">
                  Hassan says: hahahahaha yabn el la3eeba! <br>
                  Basyooni says: yabn el eh ya saroo5!!!    <br>
                </div>
              </div>
            </div>
          </div>
          </div>

</body>
</html>
